import { createApp } from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'

// 1. 引入你需要的组件
import {
  Button,
  Tabbar,
  TabbarItem,
  NumberKeyboard,
  NavBar,
  Search,
  Icon,
  Swipe,
  SwipeItem,
  Grid,
  GridItem,
  Cell,
  CellGroup,
  Progress,
  Tab,
  Tabs,
  Sidebar,
  SidebarItem,
  SubmitBar,
  Rate,
  Area,
  Popup
} from 'vant';
import { Image as VanImage } from 'vant';

// 2. 引入组件样式
import 'vant/lib/index.css';
// 3. 注册你需要的组件
const app = createApp(App)

app.use(createPinia())
app.use(router)
app.use(NumberKeyboard);
app.use(Tabbar);
app.use(TabbarItem);
app.use(Button);
app.use(NavBar);
app.use(Search);
app.use(Icon);
app.use(Swipe);
app.use(SwipeItem);
app.use(Grid);
app.use(GridItem);
app.use(VanImage);
app.use(Cell);
app.use(CellGroup);
app.use(Progress);
app.use(Tab);
app.use(Tabs);
app.use(Sidebar);
app.use(SidebarItem);
app.use(SubmitBar);
app.use(Rate);
app.use(Area);
app.use(Popup);
app.mount('#app')
